<!-- script para iniciar eventos asicomo declarar variables -->
<script>
  var jsonGr = "<?php echo $this->Tstats?>";
  var Toptin = "<?php echo $this->Toptin+$this->Tnull;?>";
  var Tnull  = "<?php $this->Tnull;?>";
  var opt = 6;
  $(document).ready(function(){tv.payChar("US"); rangeDate(); });
</script>
<!-- script para iniciar eventos asicomo declarar variables -->


<h3 class="page-title">
  Optin<small><?php echo $this->title?></small>
</h3>
<ul class="breadcrumb">
  <li>
    <i class="icon-home"></i>
    <a href="<?php echo $this->basePath()."/administrador/estadisticas" ;?>">Dashboard</a> 
    <i class="icon-angle-right"></i>
  </li>
  <li>
    <a href="#">Optin</a> 
  </li>
  <!--- inicio filtro por fecha -->
  <li class="pull-right no-text-shadow">
    <div id="dashboard-report-range" class="dashboard-date-range tooltips no-tooltip-on-touch-device responsive" data-tablet="" data-desktop="tooltips" data-placement="top" data-original-title="Change dashboard date range" style="display: block;">
      <i class="icon-calendar"></i>
        <span>
        </span>
      <i class="icon-angle-down"></i>
    </div>
  </li>
  <!-- fin filtro por fecha -->



</ul>

<!-- inicia contenedor -->
<div id="dashboard">

  <!-- inicia contenedor de contadores -->
    <div class="row-fluid">
    <!-- inicia celda de inscripciones -->
    <div class="span3 responsive" data-tablet="span6" data-desktop="span3">
      <!-- inicia contenedor del detalle y descripcion -->
      <div class="dashboard-stat blue">
        <div class="visual">
          <i class="icon-edit"></i>
        </div>
        
        <div class="details">
          <div class="number" id="tlOption"><?php echo $this->Toptin+$this->Tnull;?></div>
          <div class="desc">Total Optins</div>
        </div>
        <a class="more" href="#">
          View more <i class="m-icon-swapright m-icon-white"></i>
        </a>	
      </div>
      <!-- fin contenedor del detalle y descripcion -->
    </div>
    <!-- fin celda de incripciones -->

  <!-- inicia contador para correos rechazados -->
  <div class="span3 responsive" data-tablet="span6" data-desktop="span3">
    <!-- inicia contenedor del detalle y descripcion -->
    <div class="dashboard-stat green">
      <div class="visual">
        <i class="icon-envelope"></i>
      </div>
      
      <div class="details">
        <div class="number" id="vmail"><?php echo $this->Tmail;?></div>
        <div class="desc">Valid Mail</div>
      </div>
      <a class="more" href="#">
        View more <i class="m-icon-swapright m-icon-white"></i>
      </a>	
    </div>
    <!-- fin correos rechazados -->
    </div>
    
    <!-- inicia midieta -->
    <div class="span3 responsive" data-tablet="span6 fix-offset" data-desktop="span3">
      <!-- inicia contenedor del detalle y descripcion -->
      <div class="dashboard-stat purple">
        <div class="visual">
          <i class="icon-list"></i>
        </div>
        
        <div class="details">
          <div class="number" id="Mdieta"><?php echo $this->Tdieta;?></div>
          <div class="desc">Mi Dieta</div>
        </div>
        <a class="more" href="#">
          View more <i class="m-icon-swapright m-icon-white"></i>
        </a>	
      </div>
    <!-- fin contenedor del detalle y descripcion -->
  </div>
  <!-- fin midieta-->
  
  <!-- inicia  hola doctor -->
  <div class="span3 responsive" data-tablet="span6" data-desktop="span3">
    <!-- inicia contenedor del detalle y descripcion -->
    <div class="dashboard-stat yellow">
      <div class="visual">
        <i class="icon-list"></i>
      </div>
      
      <div class="details">
        <div class="number" id="MDoctor"><?php echo $this->Thola;?></div>
        <div class="desc">Hola Doctor</div>
      </div>
      <a class="more" href="#">
        View more <i class="m-icon-swapright m-icon-white"></i>
      </a>	
    </div>
    <!-- fin contenedor del detalle y descripcion -->
  </div>
  <!-- fin hole doctor -->
  </div>
  <!-- fin primer contenedor de estadisticas numero de usuarios --> 

  <!-- incio contenedor de graficas para estadisticas -->
  <div class="row-fluid">
    <!-- inicio contenedor celda -->
    <span class="span6">
      <div class="portlet box grey" style="margin-bottom: 0px!important;">
        <div class="portlet-title">
          <h4><i class="icon-tasks"></i>User By state Optin</h4>
        </div>
      </div>
      
      <div class="portlet-body">
        <div id="region_statistics_content">  
          <div class="btn-toolbar">
            <div class="btn-group pull-right">
              <a href="javascript:;" class="btn mini dropdown-toggle" data-toggle="dropdown">
					    Select Region <span class="icon-angle-down"></span>
							</a>
                <ul class="dropdown-menu" id="combo_geo">
                <?php 
                  if(is_array($this->Tpais)):
                    foreach($this->Tpais as $pais):
                      $aux = explode(",",$pais);
                      echo "<li>
                              <a href=\"javascript:tv.payChar('".$aux[0]."');\">".$aux[1]."</a>
                            </li>";
                    endforeach;
                  endif;
                ?>        
              </ul> 
            </div>
          </div>

          <!-- inicia Contenedor de mapa -->
          <div id="vmap_world" class="portlet">
          </div>
          <!-- din contenedor de mapa  -->
          
          
        </div>
      </div>
    </span>
    <!-- fin contenedor celda -->
    
    <!--- inicio tabla de contenido -->
    <span class="span6">
      <div class="portlet box grey">
        <div class="portlet-title">
          <h4>
            <i class="icon-cogs"></i>
            User By State Optin
          </h4>
        </div>
        <div class="portlet-body" style="display: block;">
          <table class="table table-striped  table-hover">
            <thead>
              <tr>
                <th>#</th>
                <th>State Name</th>
                <th>Total</th>
                <th>Percentage</th>
              </tr>
            </thead>
            
            <tbody id="tblUsers">
            </tbody>
          </table>
        </div>
      </div>
    </span>
    <!-- fin tabla de contenido -->
  
  </div>
  <!-- fin contenedor de graficas para estadisticas -->
  
  
  
  
</div>
<!-- fin contenedor -->